.labelFilter {
  border-bottom: 1px solid #f1f1f1;
}

.collapsePart {
  transition: all .3s ease-in-out;
  overflow: hidden;
}

.collapse {
  composes: collapsePart;
  max-height: 0;
  margin-top: -16px;
}

.open {
  composes: collapsePart;
  max-height: 500px;
}

.categories {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 .4rem 16px;
}

.categoryLink {
  color: #999;
}

.categoryLinkActive {
  color: #1890ff;
}

.categoryTags {
  border-top: 1px solid #f1f1f1;
  padding: .1rem .8rem;
}

.categoryTagsList {
  margin-left: -0.4rem;
  padding-bottom: 1em;
}

.categoryTagsList:after {
  content: '';
  display: block;
  height: 0;
  clear: left;
}

.categoryTag {
  float: left;
  margin-top: 1em;
  margin-left: .4rem;
  border: 1px solid #ccc;
  padding: .06rem .2rem;
  border-radius: 5px;
  a {
    color: #ccc;
  }
}

.categoryTagActive {
  composes: categoryTag;
  border-color: #1890ff;
  a {
    color: #1890ff;
  }
}

.selectTags {
  border-top: 1px solid #f1f1f1;
  padding: .1rem .4rem 0;
}

.selectTagsMain {
  padding-bottom: .2rem;
}

.selectTagsTitle,
.selectTagTips {
  float: left;
  color: #999;
  padding-top: .1rem;
  line-height: 22px;
}

.selectTagsMain:after {
  content: '';
  display: block;
  height: 0;
  clear: left;
}

.selectTag {
  float: left;
  margin-top: .1rem;
}

.selectTagFooter {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: .2rem;
}

.space_02rem {
  width: .2rem;
}
